@charset "utf-8";
@import "reset";
@import "common";


.pb30 {
    margin-bottom: 0.3rem;
}


h1 {
    color: #010101;
    font-size: 0.3rem;
    padding-bottom: 0.15rem;
    padding-top: 0.4rem;
}
h2 {
    color:black;
    font-size: 0.2rem;
    text-indent: 2em;
}
h3 {
    color: #000000;
    font-weight: normal;
}
p {
    text-indent: 2em;
    color:#8b8b8b;
}
article {
    @extend %fs0;
}
//文章部分
.article {
    @extend %fs0;
    .art_class{
        em {
            color: $uired;
            &::before {
                content: "[";
            }
            &::after {
                content: "]";
            }
        }
    }
    .picbox {
        width: 5.83rem;
        margin: 0.2rem 0 0.25rem;
        img {
            width:  5.83rem;
        }
    }
}

.like_and_see {
    @extend %fs0;
    padding-bottom: 0.08rem;
}
.previous {
    height: 0.8rem;
    line-height: 0.8rem;
    @extend %fs0;
    span {
        font-size: 0.2112rem;
    }
    em {
        font-size: 0.1801rem;
    }
}
.line {
    background-color:#efefef;
    height: 0.2rem;
}



//评论区
//已经登录
#comment {
    border: 0.01rem solid #c9c9c9;
    width: 100%;
    height: 1.92rem;
    resize: none;
    box-sizing: border-box;
}
.comment {
    display: none;
    position: relative;
    font-size: 0.2rem;
    label {
        position: absolute;
        bottom: 0.12rem;
        right: 0.1rem;
        color: #a8a8a8;
        em {
            color: #a8a8a8;
        }
    }
}
//未登录
.login_to_comment {
    border: 0.01rem solid #c9c9c9;
    width: 100%;
    height: 1.92rem;
    line-height: 1.92rem;
    text-align: center;
    a {
        display: inline;
        text-decoration: underline;
        border-bottom: $uired;
        color: $uired;
    }
    span {
        color: #a8a8a8;
    }
}
.login_to_comment + div{
    text-align: center;
    padding: 0.2rem 0 0.23rem;
    button {
        color: white;
        font-size: 0.26rem;
        width: 3.95rem;
        height: 0.55rem;
        background-color: $uired;
        &:active {
            opacity: 0.8;
        }
    }
}

//动态评论部分
.reviewers {
    border-bottom: 0.01rem dashed #cdcdcd;
    margin-bottom: -0.01rem;
    &:last-of-type {
        border: 0;
    }
    p {
        color: #959494;
        font-size: 0.18rem;
        em {
            color: inherit;
            text-decoration: underline;
        }
    }
}
.reviewer {
    margin-top: 0.25rem;
    line-height: 0.5rem;
    .picbox {
        position: relative;
        display: inline-block;
        overflow: hidden;
        border-radius: 50%;
        height: 0.5rem;
        width: 0.5rem;
        vertical-align: middle;
        margin-right: 0.1rem;
        margin-left: 0.06rem;
        img {
            @include m();
            width: 100%;
        }
    }
    em,span {
        font-size: 0.18rem;
        vertical-align: middle;
    }
    span {
        color: #b2b2b2;
        margin-left: 0.08rem;
    }
    & + div {
        padding: 0.1rem 0 0 0.2rem;
        em {
            
        }
    }
}
.replytime {
    text-align: right;
    font-size: 0.18rem;
    color: #b2b2b2;
    line-height: 0.4rem;
}
.reply_btn {
    line-height: 0.3rem;
    &:active {
        color: $uired;
    }
    em {
        margin: 0.08rem;
        &::before {
            content: "(";
        }
        &::after {
            content: ")";
        }
    }
    i {
        display: inline-block;
        width: 1em;
        height: 1em;
        overflow: hidden;
        font-size: inherit;
        line-height: 1em;
        color: #c0c0c0;
        
        &::after {
            content: "\e643\A\e642";
            
            white-space: pre;
            transform: translateY(-1em);
        }
    }
}
.dropdown_c {
    background-color: #fafafa;
    padding: 0 0.1rem ;
    margin: 0 auto 0.25rem;
    .writing_reply {
        width: 4.95rem;
        margin: 0.25rem auto;
        padding-bottom: 0.07rem;
        text-align: right;
        textarea {
            width: 4.97rem;
            height: 0.7rem;
            resize: none;
            font-size: 0.18rem;
        }
        button {
            margin-top: 0.07rem;
            width: 1.75rem;
            height: 0.45rem;
            color: white;
            text-align: center;
            line-height: 0.45rem;
            font-size: 0.2021rem;
            background-color: $uired;
            &:active {
                opacity: 0.8;
            }
        }
    }
}
.replys {
    @include clearfix();
    font-size: 0.18rem;
    color: #444444;
    line-height: 0.42rem;
    padding-top: 0.2rem;
    border-bottom: 0.01rem dashed #cdcdcd;
    .fl {
        margin-right: 0.2rem;
        
        .picbox {
            position: relative;
            margin-right: 0.1rem;
            margin-left: 0.2rem;
            display: inline-block;
            overflow: hidden;
            border-radius: 50%;
            height: 0.42rem;
            width: 0.42rem;
            vertical-align: middle;
            
            img {
                @include m();
                width: 100%;
            }
        }
        em {
            vertical-align: middle;
        }
    }
    .replys_c {
        
    }
}
.loding_more {
    margin-top:0.35rem ;
}
